<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<script type="text/javascript">
function formatLink(cellvalue, options, rowObject) { 
	return "<a href='/PatologiaOcular/solicitudDeBiopsia/mostrarSolicitudMuestra.action?codigo="+cellvalue+"&var=null&pag=1' class='boton2' class='boton2' style='color:#FFFFFF'>Ver detalle</a>"+
	" <a href='/PatologiaOcular/solicitudDeBiopsia/mostrarSolicitudDeBiopsia.action?codigo="+cellvalue+"&pag=1' class='boton2' class='boton2' style='color:#FFFFFF'>Editar</a> "+
	"<a href='/PatologiaOcular/resources/muestra_listadoPorSolicitud.jsp?codigo="+cellvalue+"&pag=1' class='boton2' style='color:#FFFFFF'>Ver Muestras</a>";       
}

$.subscribe('onDpChangeMonthAndYear', function(event,data) {
    alert('Cambiar mes a : '+event.originalEvent.month+' y año a '+event.originalEvent.year);
});
$.subscribe('onDpClose', function(event,data) {
    alert('Seleccione la fecha : '+event.originalEvent.dateText);
});

function recargar(fecha,tipoSolicitud,codigo,ano,nombre,apellido,nombreProyecto){
	$("#gridListaSolicitud").jqGrid('setGridParam', { 
	url:"/PatologiaOcular/solicitudDeBiopsia/listarSolicitud.action?fecha="+fecha+"&tipoSolicitud="+tipoSolicitud+"&codigo="+codigo+"&ano="+ano+"&nombre="+nombre+
	"&apellido="+apellido+"&nombreProyecto="+nombreProyecto,datatype:'JSON' 
	}).trigger("reloadGrid"); 
}
</script>
<%@include file="header.jsp"%>
 <div id="nivel2">
 	<div id="menu4">
      <ul>
        <li><a class="selected">Solicitudes Registradas</a></li>
        <li><a href="<%=request.getContextPath()%>/resources/solicitudDeBiopsia_ingreso.jsp">Agregar Nueva Solicitud</a></li>
      </ul>
    </div>
    <div id="contenido">
    	<form>
			<s:label>Fecha:</s:label><sj:datepicker id="fecha" name="fecha" readonly="true" showOn="button" showButtonPanel="true" changeMonth="true" changeYear="true" 
			onChangeMonthYearTopics="onDpChangeMonthAndYear" maxDate="new Date()" yearRange="1990:2100" buttonImage="../images/datepicker.gif" displayFormat="dd-mm-yy"/>&nbsp;
			<s:label>Código:</s:label><s:select id="tipoSolicitud" list="{'Todos','A','B','C'}" name="tipoSolicitud"/><s:textfield id="codigo" name="codigo" size="10" />
	    	<s:textfield id="ano" name="ano" size="2" />&nbsp;
	    	<s:label>Nombre Paciente:</s:label><s:textfield id="nombre" name="nombre" size="30"/>&nbsp;
	    	<s:label>Apellido Paciente:</s:label><s:textfield id="apellido" name="apellido" size="30"/></br></br>
			<s:label>Proyecto:</s:label><s:textfield id="nombreProyecto" name="nombreProyecto" size="30"/>
			<strong><input class="boton1" type="button" value="Filtrar" onclick="recargar(fecha.value,tipoSolicitud.value,codigo.value,ano.value,nombre.value,apellido.value,nombreProyecto.value)"/></strong>
			<strong><input class="boton1" type="reset" value="Borrar" /></strong>
    	</form>
		<s:url id="remoteurl" action="listarSolicitud"/>
		<s:url id="editurl" action="borrarSolicitudDeBiopsia"/>
	    <sjg:grid
			id="gridListaSolicitud"
		    dataType="json"
		    href="%{remoteurl}"
		    pager="true"
		    gridModel="gridModel"
		    rowList="10,15,20"
		    rowNum="10" 
		    navigator="true"
		    navigatorAdd="false"
		    navigatorEdit="false"
		    navigatorRefresh="false"
		    navigatorSearch="false"
		    navigatorDelete="true"
		    navigatorDeleteOptions="{height:280,reloadAfterSubmit:true}"
		    multiselect="true"
		    onSelectRowTopics="rowselect"  
		    editurl="%{editurl}"       
		    page="1"
		    autowidth="true"
		    hidegrid="false"
		    viewrecords="true"
		>
		<!--   El "name" de cada columna debe coincidir con cada atributo del objeto (Solicitud) que representa cada registro de la tabla     -->		         
		<sjg:gridColumn name="id" index="id" title="ID" formatter="integer" sortable="false" hidden="true"/>
		<sjg:gridColumn name="fecha" index="fecha" title="Fecha de Creación" sortable="false" formatter="date" formatoptions="{newformat: 'd-m-Y'}" width="60"/>
		<sjg:gridColumn name="codigo" index="codigo" title="Código" sortable="false"  width="80"/>
		<sjg:gridColumn name="nombrePaciente" index="nombrePaciente" title="Paciente" sortable="false" width="150"/>
		<sjg:gridColumn name="nombreProyecto" index="nombreProyecto" title="Proyecto" sortable="false" width="150"/>
		<sjg:gridColumn name="codigo" index="accion" title="Acciones" sortable="false" formatter="formatLink"/>
		</sjg:grid>		    	      
	</div>
</div>
<%@include file="footer.jsp"%>